<template>
	<view class="">
		<!-- banner 图 -->
		<view class="banner_box">
			<swiper :autoplay="true" :interval="3000" :duration="1000" circular indicator-color="#FFD7D9"
				class="swiper_banner_box">
				<swiper-item class="banner_image">
					<image src="https://iflytts.oss-cn-qingdao.aliyuncs.com/images/aixz/d.jpg" mode="widthFix"></image>
				</swiper-item>
			</swiper>
		</view>
		<!-- 会员权益 -->
		<view class="vip_tool">
			<u-grid :border="false" col="4">
				<u-grid-item v-for="(baseListItem, baseListIndex) in baseList" :key="baseListIndex">
					<u-icon :customStyle="{ padding: 30 + 'rpx' }" :name="baseListItem.name" :size="40">
					</u-icon>
					<text class="grid-text">{{ baseListItem.title }}</text>
				</u-grid-item>
			</u-grid>
		</view>
		<!-- 限时优惠 -->
		<view class="discount">
			<text>限时优惠</text>
		</view>
		<view class="uni-tab-bar">
			<view class="goods">
				<!--月/季/年会员-->
				<view class="goods2">
					<view class="MemberCenter_vip_goods" v-for="(goodsItem, goodsIndex) in goods" :key="goodsIndex">
						<view :class="['MemberCenter_vip_good', { actives: ActiveNum === goodsIndex }]"
							@tap="Active(goodsIndex, goodsItem.productId, goodsItem.promotionPrice, goodsItem.quantity,goodsItem.productType)">
							<view class="MemberCenter_vip_good_text1">{{ goodsItem.title }}</view>
							<view class="MemberCenter_vip_good_text2">{{ goodsItem.averagePrice }}元/天</view>
							<view class="MemberCenter_vip_good_text3">
								<text>￥</text>
								{{ goodsItem.promotionPrice }}
							</view>
							<view class="MemberCenter_vip_good_text4">{{ '原价' + goodsItem.price + '元' }}
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 优惠卷 -->
			<view class="coupons_box" v-if="couponsShow&&!isVip">
				<view class="coupons_sett">
					<image src="../../static/memberCenter/yhjxs.png" mode=""></image>
				</view>
				<view class="coupons_content">
					<view class="content_left">
						<view class="left_title">{{ coupons.desc }}</view>
						<view class="left_time">
							<u-count-down :time="couponsTiem" format="DD:HH:mm:ss" autoStart millisecond
								@change="onChangeCoupons" @finish="finish">
								<view class="time">
									<view class="time__custom">
										<text class="time__custom__item">{{ timeData.days }}</text>
									</view>
									<text class="time__doc_tian">天</text>
									<view class="time__custom">
										<text
											class="time__custom__item">{{ timeData.hours >= 10 ? timeData.hours : '0' + timeData.hours }}</text>
									</view>
									<text class="time__doc">:</text>
									<view class="time__custom">
										<text
											class="time__custom__item">{{ timeData.minutes >= 10 ? timeData.minutes : '0' + timeData.minutes }}</text>
									</view>
									<text class="time__doc">:</text>
									<view class="time__custom">
										<text
											class="time__custom__item">{{ timeData.seconds >= 10 ? timeData.seconds : '0' + timeData.seconds }}</text>
									</view>
									<text class="time__doc_tian">后过期</text>
								</view>
							</u-count-down>
						</view>

					</view>
					<view class="content_right">
						<text class="right_text">{{ parseFloat(coupons.price) }}元</text>
						<!-- <text class="right_F">￥</text> -->
					</view>
				</view>
			</view>
			<view class="introduce_title" style="margin-top: 20rpx;">
				<text>什么是AI写作？</text>
			</view>
			<view class="introduce">
				<text>人工智能(AI)伪原创是基于人工智能、大数据、神经网络和NLP等技术,从海量媒体内容中深度学习而挖掘推导出智能改写、科学审校的自动写作平台,既不更改内容的语义,又能生成通过公众号、头条号等自媒体平台原创检测和百度等搜索引擎收录,为媒体工作者提供一站式的内容生产服务和工具,全面提升媒体写作的效率。</text>
			</view>
			<view class="" style="margin-top: -150rpx;">
				<view class="title">温馨提示</view>
				<view class="descsss">
					1、开通会员后
					<text class="cointext5">不支持退款，</text>
					请试用满意后再购买(虚拟产品不支持退款详情请查看<text @click="toggle('center')" style="color: #5490FF;">《消费者权益保护法》</text>)
				</view>
				<view class="descsss">
					2、若开通会员后10分钟内会员仍然没有到账，请在个人中心页面点击
					<text class="cointext5">"刷新会员"</text>
					，或者
					<text class="cointext6" @click="clickContrct">联系客服>>。</text>
				</view>
				<view class="descsss">3、特权时长中，1个月=30天。</view>
				<view class="descsss">
					4、如有其他疑问，请
					<text class="cointext6" @click="clickContrct">联系客服>></text>
					。
				</view>
			</view>

		</view>

		<view class="standView"></view>
		<view class="btn_box">
			<view class="btn" @click="formSubmit">
				<text class="btn_text">{{promotionPrice}}元立即开通</text>
			</view>
		</view>

		<!-- 	<view class="sign_text" @tap="toggle('center')">
					<text style="line-height: 60px;margin-top: 12px;">点击弹出</text>
				</view> -->
		<uni-popup ref="popup" background-color="#fff">
			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
				<view style="color: black;height: 700rpx;width: 600rpx;">
					<view style="padding: 40rpx 40rpx 40rpx 40rpx;">
						<view style="font-size: 34rpx;margin-left: 140rpx;">
							消费者权益保护法
						</view>
						<view style="margin-top: 30rpx;font-size: 28rpx;margin-left: 20rpx;">
							<view style="margin-top: 10rpx;">第二十五条 经营者采用网络、电视、电</view>
							<view style="margin-top: 10rpx;">话、邮购等方式销售商品，消费者有权</view>
							<view style="margin-top: 10rpx;">自收到商品之日起七日内退货，且无需</view>
							<view style="margin-top: 10rpx;">说明理由，但下列商品除外：</view>

						</view>
						<view style="margin-top: 10rpx;font-size: 28rpx;">
							（一）消费者定作的;
						</view>
						<view style="margin-top: 10rpx;font-size: 28rpx;">
							（二）鲜活易腐的;
						</view>
						<view style="margin-top: 10rpx;font-size: 28rpx;">
							（三）在线下载或者消费者拆封的音像
							<view style="margin-top: 10rpx;font-size: 28rpx;">
								制品,计算机软件等数字化商品;
							</view>
						</view>
						<view style="margin-top: 10rpx;font-size: 28rpx;">
							（四）交付的报纸、期刊。
						</view>
					</view>

					<view style="height: 100rpx;width: 100%;background: red;position: relative;margin-top: 58rpx;"
						@click="close">
						<view style="color: white;font-size: 32rpx;left:43%;bottom: 30%;;position: absolute;">
							知道了
						</view>
					</view>
				</view>
			</view>
		</uni-popup>



		<page-container :show="isShow" :overlay="false" @beforeleave="beforeleave" />
		<u-popup :show="isCouponPopUp" @close="isCouponPopUp = false" mode="center" :round="18">
			<view class="CouponPopUp_box">
				<view class="CouponPopUp_back">
					<image src="https://iflytts.oss-cn-qingdao.aliyuncs.com/images/aixz/c.jpg" mode=""></image>
				</view>
				<view class="CouponPopUp_content">
					<view class="content_time">
						<image class="clock" src="../../static/memberCenter/shz.png" mode=""></image>
						<view class="time2">
							<text class="time__item2">倒计时：{{ timeData.days }}天</text>
							<text
								class="time__item2">{{ timeData.hours>=10 ? timeData.hours : '0' + timeData.hours }}:</text>
							<text
								class="time__item2">{{ timeData.minutes>=10? timeData.minutes: '0' + timeData.minutes}}:</text>
							<text
								class="time__item2">{{ timeData.seconds>=10? timeData.seconds: '0' + timeData.seconds }}</text>
						</view>
					</view>

					<view class="content_price">
						<view class="content_price_letf">
							<view class="price_left_top">{{goods[0].title}}专用券</view>
							<view class="price_left_bottom">5分钟内有效</view>
						</view>
						<view class="content_price_right" style="margin-top: 60rpx;">
							<text class="price_right_front">{{ parseFloat(coupons.price) }}</text>
							<text class="price_right_after">元</text>
						</view>
					</view>

					<view class="specialPrice">
						{{goods[0].title}}
						<text>{{ goods[0].promotionPrice - parseFloat(coupons.price) }}</text>
						元
					</view>
					<view class="originalPrice">原价：{{ goods[0].promotionPrice }}元</view>
					<view class="offerToBuy" @click="formSubmit2">立即购买</view>
				</view>
				<view class="fork" @click="isCouponPopUp = false">
					<image src="../../static/memberCenter/guanbi.png" mode=""></image>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import cryptoJs from '../../utils/encryptDES.js';
	import {
		apiMixUrlApi
	} from '@/api/assemb.js';
	import {
		isLogin,
		vipType
	} from '@/business/login.js';
	import store from '../../store/idnex.js';
	var app = getApp();

	function compare(property) {
		return function(a, b) {
			console.log(a, b);
			var value1 = a[property];
			var value2 = b[property];
			return value2 - value1; //倒序   value1-value2  正序
		};
	}
	export default {
		data() {
			return {
				time: 24 * 60 * 60 * 1000,
				src: '/static/my/tx_w.png',
				goods: [{
						averagePrice: 0.3,
						price: 998.00,
						promotionPrice: 360.00,
						productType: "2",
						quantity: 36,
						title: "三年会员",
						productId: "wwyczs.year"
					},
					{
						averagePrice: 0.6,
						price: 398.00,
						promotionPrice: 198.00,
						productType: "2",
						quantity: 12,
						title: "一年会员",
						productId: "wwyczs.quarter"
					},
					{
						averagePrice: 1.6,
						price: 60.00,
						promotionPrice: 48.00,
						productType: "2",
						quantity: 1,
						title: "1个月",
						productId: "wwyczs.month"
					}
				],
				ActiveNum: 0,
				productid: "wwyczs.year",
				promotionPrice: 360.00,
				quantity: 36,
				productType: 2,
				isVip: false,
				isLogin: false, //是否登录
				userid: '',
				userInfo: '',
				vip: {
					ID: '659874',
					IDTiem: '2021.10.21 12:45'
				},
				coupons: {
					desc: '限时优惠卷，仅用于终生会员',
					price: 10,
				},
				couponsShow: false,
				timeData: {},
				timeData2: {},
				show: false,
				title: '温馨提示',
				content: '您还未登录，该功能登录后方可使用。',
				confirmText: '登录',
				isShow: true, // 是否显示容器组件 (假页)
				// overlay: false, // 是否显示遮罩层
				isCouponPopUp:false, //是否 弹出优惠劵框
				// Showa: true,
				show1: true,
				// show2: true,
				show3: 1,
				disabled: true,
				button_text: '确定购买',
				showBox: false,
				couponsTiem: 0,
				UserProfile: {},
				baseList: [{
						name: '/static/memberCenter/tool_mf.png',
						title: '免费AI伪原创'
					},
					{
						name: '/static/memberCenter/tool_yc.png',
						title: '原创文案解说'
					},
					{
						name: '/static/memberCenter/tool_gj.png',
						title: '高级伪原创'
					},
					{
						name: '/static/memberCenter/tool_sy.png',
						title: '所有工具免费'
					}
				],
			};
		},
		onShow() {
			if (Date.now() >= uni.getStorageSync('endTime')) {
				if (uni.getStorageSync('couponTime') == 0) {
					let couponTime = 5 * 60 * 1000;
					uni.setStorageSync('couponTime', couponTime);
				}
				this.showBox = true;
			} else {
				this.showBox = false;
			}
			this.couponsTiem = uni.getStorageSync('couponTime');
			this.isVip = uni.getStorageSync('vipType').vipStatus == 1 ? true : false;
		},
		onLoad() {
			this.isLogin = isLogin();
			this.vip = uni.getStorageSync('vipType');
			this.UserProfile = uni.getStorageSync('UserProfile');
			this.userid = uni.getStorageSync('baseinfo').userid;
			this.couponsShow = uni.getStorageSync('couponTime') < 300000 ? true : false
			this.fetchPrice();
		},
		onUnload() {
			let couponTime = this.timeData.minutes * 60 * 1000 + this.timeData.seconds * 1000;
			uni.setStorageSync('couponTime', couponTime);
		},
		methods: {
			fn() {
				console.log('11111')
			},
			toggle(type) {
				console.log('111111')
				this.type = type
				this.$refs.popup.open(type)
			},
			close() {
				this.$refs.popup.close()
			},
			beforeleave() {
				if (!this.isVip) {
					if (uni.getStorageSync('couponTime')) {
						this.fetchAD();
						this.isCouponPopUp = !this.isCouponPopUp;
						this.overlay = true;
						this.couponsShow = true;
						console.log(this.overlay, '执行了');
						this.Active(0, this.goods[0].productId, this.goods[0].promotionPrice, this.goods[0]
							.quantity, this.goods[0].productType)
					}
				}
			},
			//联系客服
			clickContrct() {
				uni.navigateTo({
					url: '/pages/service/service'
				})
			},
			/**
			 * 优惠券支付购买
			 */
			formSubmit2() {
				this.promotionPrice = parseInt(this.goods[0].promotionPrice - this.coupons.price);
				this.productid = this.goods[0].productId;
				this.quantity = this.goods[0].quantity;
				this.formSubmit();
			},
			finish() {
				let endTime = Date.now();
				console.log(endTime + 36000000, '倒计时结束');
				endTime = endTime + 36000000;
				uni.setStorageSync('endTime', endTime);
				this.isShow = false;
				this.couponsShow = false
				this.promotionPrice = parseInt(this.goods[0].promotionPrice);
			},
			closure() {
				console.log('aaa');
				this.show2 = false;
			},
			confirm() {
				console.log('确认');
				this.show = false;
				this.login();
			},
			/**
			 * 调用支付
			 */
			formSubmit() {
				console.log('111')
				if (this.isLogin) {
					var app = getApp();
					var that = this;
					let param = {
						productName: this.goods[this.ActiveNum].productId,
						fee: this.promotionPrice,
						// fee: 0.01,
						body: 'VIP充值' + this.quantity + '个月',
						openid: uni.getStorageSync('baseinfo').openid,
						type: this.productType,
						neednotifyadd: 1
					};
					apiMixUrlApi(param, 1060, 'WxPayApplets').then(result => {
						that.payment(result);
						uni.navigateTo({
							url: 'pages/my/my'
						})
					});
				} else {
					this.show = true;
				}
			},
			payment(n) {
				let _this = this;
				var encrypted = cryptoJs.encryptMD5(
					'appId=' +
					store.state.wxAppId +
					'&nonceStr=' +
					n.noncestr +
					'&package=prepay_id=' +
					n.prepayid +
					'&signType=MD5&timeStamp=' +
					n.timestamp +
					'&key=chenyangchenyangchenyangchenyang'
				);
				console.log(encrypted, 'encrypted');
				wx.requestPayment({
					timeStamp: n.timestamp,
					nonceStr: n.noncestr,
					package: 'prepay_id=' + n.prepayid,
					signType: 'MD5',
					paySign: encrypted,
					complete: function(res) {
						if (res.errMsg == 'requestPayment:ok') {
							vipType(true);
							//支付成功以后跳转去我的页面
							uni.switchTab({
								url: '/pages/my/my'
							})
						}
					}
				});
			},
			/**
			 * 获取优惠券
			 */
			fetchAD() {
				let _this = this;
				var data = {};
				apiMixUrlApi(data, '1076', 'CouponInfo').then(result => {
					console.log(result);
					this.coupons = result.coupo[0];
					this.promotionPrice = parseInt(this.goods[0].promotionPrice - result.coupo[0].price);
				});
			},
			/**
			 * 获取商品信息
			 */
			fetchPrice() {
				let data = {}
				apiMixUrlApi(data, 1041, 'QueryProductInfo').then(result => {
					console.log(result, 'result');
					if (result.status == 0) {
						this.goods = result.product.sort(compare('promotionPrice'));
						this.Active(0, this.goods[0].productId, this.goods[0].promotionPrice, this.goods[0]
							.quantity, this.goods[0].productType)
						this.goods[0].averagePrice = this.goods[0].title == '永久会员' ? "0.1" : (this.goods[0]
								.promotionPrice / (
									this.goods[0].quantity * 30))
							.toFixed(1);
						this.goods[1].averagePrice = (this.goods[1].promotionPrice / (this.goods[1].quantity * 30))
							.toFixed(1);
						this.goods[2].averagePrice = (this.goods[2].promotionPrice / (this.goods[2].quantity * 30))
							.toFixed(1);
					}
					if (this.couponsShow) {
						this.fetchAD();
					} else {
						this.promotionPrice = parseInt(this.goods[0].promotionPrice)
					}
				});
			},

			onChange(e) {
				this.timeData2 = e;
			},
			onChangeCoupons(e) {
				this.timeData = e;
			},
			Active(index, productId, promotionPrice, quantity, productType) {
				this.ActiveNum = index;
				this.productid = productId;
				this.promotionPrice = parseInt(promotionPrice);
				this.quantity = quantity;
				this.productType = productType
				console.log(productId, 'productId');
				if (index !== 0) {
					this.button_text = '开通' + quantity + '个月会员';
				} else {
					if (this.couponsShow) {
						this.promotionPrice = parseInt(promotionPrice - this.coupons.price);
					} else {
						this.promotionPrice = parseInt(promotionPrice);
					}
				}
			}
		}
	};
</script>

<style lang="scss" scoped>
	/deep/.u-safe-bottom {
		padding-bottom: 0 !important;
	}

	/deep/.uni-tab-bar.data-v-5558637e {
		overflow: hidden;
	}

	.fork {
		width: 67rpx;
		height: 67rpx;
		margin: auto;
		margin-top: 34rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.CouponPopUp_box {
		width: 586rpx;
		height: 850rpx;

		.CouponPopUp_back {
			width: 100%;
			height: 100%;
			position: relative;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.CouponPopUp_content {
			width: 586rpx;
			height: 809rpx;
			position: absolute;
			top: 0rpx;
			left: 0rpx;

			.content_time {
				margin-top: 144rpx;
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;

				.clock {
					width: 27rpx;
					height: 27rpx;
					margin-right: 12rpx;
				}

				.time2 {
					.time__item2 {
						font-size: 21rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
						line-height: 50rpx;
					}
				}
			}

			.content_price {
				margin-top: 95rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0rpx 70rpx;

				.content_price_letf {
					.price_left_top {
						font-size: 33rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: white;
						margin-top: 76rpx;
						margin-left: 20rpx;
					}

					.price_left_bottom {
						font-size: 19rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: white;
						margin-left: 20rpx;
						margin-top: 20rpx;
					}
				}

				.content_price_right {
					.price_right_front {
						font-size: 83rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: white;
					}

					.price_right_after {
						font-size: 35rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: white;
					}
				}
			}

			.specialPrice {
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 33rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				margin-top: 60rpx;

				text {
					font-size: 98rpx;
					font-family: Gill Sans MT;
					font-weight: bold;
					color: #4987FF;
				}
			}

			.offerToBuy {
				margin: auto;
				margin-top: 20rpx;
				height: 80rpx;
				width: 80%;
				font-size: 35rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #F2F2F2;
				background: linear-gradient(90deg, #4D8CFF, #8BAEFF);
				line-height: 80rpx;
				text-align: center;
				border-radius: 20rpx;
			}

			.originalPrice {
				font-size: 33rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				text-align: center;
				margin-top: 10rpx;
				text-decoration: line-through;
			}
		}
	}

	.btn_box {
		position: fixed;
		bottom: 0rpx;
		width: 100%;
		height: 138rpx;
		// position: fixed;
		left: 0;
		background-color: #fff;

		.btn {
			width: 636rpx;
			height: 86rpx;
			background: #5490FF;
			border-radius: 12px;
			margin: auto;
			margin-top: 20rpx;
			margin-bottom: 20rpx;
			text-align: center;

			.btn_text {
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
				line-height: 86rpx;
			}
		}
	}


	.evaluate {
		width: 702rpx;
		height: 275rpx;
		margin: auto;
		margin-bottom: 158rpx;

		.evaluate_swiper {
			width: 702rpx;
			height: 275rpx;

			.banner_image {
				image {
					width: 100%;
					height: 100%;
				}
			}
		}

	}

	.coupons_box {
		width: 658rpx;
		margin: auto;
		margin-top: 30rpx;

		.coupons_sett {
			position: absolute;
			width: 658rpx;
			height: 127rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.coupons_content {
			display: flex;
			width: 658rpx;
			height: 128rpx;
			position: relative;
			top: 0rpx;
			left: 0rpx;

			.content_left {
				width: 70%;

				.left_title {
					margin: 1;
					position: absolute;
					left: 44rpx;
					top: 20rpx;
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color:white;
					line-height: 39rpx;
					
				}

				.left_time {
					margin-left: 44rpx;
					margin-top: 25rpx;

					.time {
						@include flex;
						align-items: center;
						color: white;
						font-size: 24rpx;
						position: absolute;
						top: 70rpx;

						&__custom {
							margin: 0 4rpx;
							width: 34rpx;
							height: 28rpx;
							background-color: white;
							border-radius: 4px;
							/* #ifndef APP-NVUE */
							display: flex;
							/* #endif */
							justify-content: center;
							align-items: center;

							&__item {
								color: black;
								font-size: 22rpx;
								text-align: center;
							}
						}

						&__doc {
							color: #161616;
							padding: 0px 8rpx;
						}

						&__item {
							color: #606266;
							font-size: 30rpx;
							margin-right: 8rpx;
						}
					}
				}
			}

			.content_right {

				.right_text {
					font-size: 58rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #fff;
					margin-left: 35rpx;
					line-height: 120rpx;
					position: relative;
				}

				.right_F {
					position: absolute;
					top: 44rpx;
					right: 28rpx;
					font-size: 30rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #ee4245;
					line-height: 20rpx;
				}
			}
		}
	}

	.actives {
		background: #F3F5FF !important;
		border: 1rpx solid #5490FF !important;

		.MemberCenter_vip_good_text1,
		.MemberCenter_vip_good_text2 {
			color: #FF4B2D !important;

			text {
				color: #FF4B2D !important;
			}
		}
	}

	.MemberCenter_vip_goods {
		// margin-top: 50rpx;

		.MemberCenter_vip_good {
			width: 187rpx;
			//height: 230rpx;
			background: #FFFFFF;
			border-radius: 18rpx;
			text-align: center;
			position: relative;
			border: 1px solid #D0D0D0;
			padding: 30rpx 0rpx;

			.MemberCenter_vip_good_B {
				width: 65rpx;
				height: 34rpx;
				position: absolute;
				top: 0;
				left: 0;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.MemberCenter_vip_good_text1 {
				//margin-top: 30rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				margin-bottom: 10rpx;
			}

			.MemberCenter_vip_good_text2 {
				font-size: 31rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FF4B2D;
				margin-bottom: 10rpx;
			}

			.MemberCenter_vip_good_text3 {
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				margin-bottom: 10rpx;

				text {
					font-size: 20rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #333333;
				}
			}

			.MemberCenter_vip_good_text4 {
				font-size: 20rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #999999;
				text-decoration: line-through;
			}
		}
	}

	.goods2 {
		display: flex;
		justify-content: space-between;
		padding: 0px 45rpx;
		// margin-right: 50rpx;
	}



	.goods {
		// height: 500rpx;

		.price {
			// margin-bottom: 20rpx;

			.lifeVIP {
				height: 264rpx;
				margin-left: 35rpx;
				margin-right: 35rpx;

				.lifeVIP_daojishi {
					display: flex;
					position: relative;
					bottom: -25rpx;
					width: 350rpx;
					height: 70rpx;
					background-color: #5490FF;
					border-radius: 20rpx 0 20rpx 0;
					text-align: center;
					align-items: center;
					justify-content: center;
					line-height: 70rpx;
					font-size: 22rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #FFFFFF;

					.time {
						@include flex;
						align-items: center;

						&__custom {
							margin-top: 8rpx;
							width: 38rpx;
							height: 28rpx;
							background-color: #f9f9f9;
							border-radius: 4px;
							/* #ifndef APP-NVUE */
							display: flex;
							/* #endif */
							justify-content: center;
							align-items: center;

							&__item {
								color: #161616;
								font-size: 22rpx;
								text-align: center;
							}
						}

						&__doc {
							color: #161616;
							padding: 0px 4px;
						}

						&__item {
							color: #606266;
							font-size: 30rpx;
							margin-right: 8rpx;
						}
					}
				}

				.lifeVIP_price {
					height: 169rpx;
					border-radius: 18rpx;
					border: 1px solid #D0D0D0;

				}

				.lifeVIP_price_font1_first {
					display: flex;
					justify-content: space-between;
					margin-bottom: 20rpx;
				}

				.lifeVIP_price_font1_second {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin: auto;
				}

				.lifeVIP_price_font1 {
					// width: 205rpx;
					height: 33rpx;
					font-size: 34rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FF4B2D;
					line-height: 139rpx;
					margin-left: 42rpx;
				}

				.lifeVIP_price_font2 {
					margin-right: 42rpx;
					height: 41rpx;
					font-size: 43rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FF4B2D;
					line-height: 139rpx;
				}

				.lifeVIP_price_font3 {
					margin-left: 42rpx;
					height: 27rpx;
					font-size: 29rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 139rpx;
				}

				.lifeVIP_price_font6 {
					margin-right: 42rpx;
					height: 21rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 500;
					text-decoration: line-through;
					color: #999999;
					line-height: 139rpx;
				}
			}
		}
	}

	.uni-tab-bar {
		overflow: auto;
		position: relative;
	}

	.discount {
		width: 696rpx;
		height: 60rpx;
		margin: auto;
		margin-bottom: 0rpx;
		margin-top: 25rpx;

		text {
			height: 31rpx;
			font-size: 34rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 60rpx;
		}
	}

	.introduce {
		margin: auto;
		width: 660rpx;
		// height: 167rpx;
		margin-bottom: 180rpx;

		text {
			font-size: 22rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #878686;
			line-height: 36rpx;
		}
	}

	.introduce_title {
		width: 696rpx;
		height: 60rpx;
		margin: auto;
		margin-bottom: 25rpx;
		margin-top: 25rpx;

		text {
			height: 31rpx;
			font-size: 29rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 60rpx;
		}
	}

	.vip_tool {
		width: 700rpx;
		margin: auto;

		.grid-text {
			font-size: 22rpx;
			font-family: PingFang SC;
			color: #333333;
		}
	}

	.title {
		margin-left: 30rpx;
		margin-top: 20rpx;
		color: #333;
		font-size: 29rpx;
	}

	.descsss {
		font-size: 24rpx;
		color: #666;
		margin-left: 30rpx;
		width: 93%;
	}

	.cointext5 {
		font-size: 24rpx;
		color: red;
	}

	.banner_box {
		width: 696rpx;
		height: 245rpx;
		margin: auto;
		margin-top: 10rpx;
		border-radius: 18rpx;

		.swiper_banner_box {
			width: 696rpx;
			height: 245rpx;

			.banner_image {
				image {
					width: 100%;
					height: 100%;
				}
			}
		}
	}

	.standView {
		width: 100%;
		height: 150rpx;
	}
</style>